<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<html>
<head>

	<link rel="stylesheet" type="text/css" href="<%=basePath %>/static/css/demo.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>/static/css/ribbon.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>/static/css/ribbon-icon.css">
	<script type="text/javascript" src="<%=basePath %>/static/json/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>/static/json/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>/static/json/jquery.ribbon.js"></script>
	<style>
		div{
		font-size: 13;
		}
		.l-btn-text{
			font-size: 11;
		}
		.textbox .textbox-text{
			font-size: 5;
		}
		#tab_west1 span{
			font-size: 14;
		}
		#tab_content1 .l-btn-text{
			font-size: 17px;
		}
		.icon-format-sx{
			background:url('<%=basePath %>/static/image/ribbon_small.png') no-repeat 0 0;
		}
		.icon-format-dc{
			background:url('<%=basePath %>/static/image/ribbon_small.png') no-repeat 0 0;
			background-position:-16px 0px;
		}
		.icon-format-xcrz{
			background:url('<%=basePath %>/static/image/ribbon_small.png') no-repeat 0 0;
			background-position:-64px 0px;
		}
		.icon-format-czrz{
			background:url('<%=basePath %>/static/image/ribbon_small.png') no-repeat 0 0;
			background-position:-80px 0px;
		}
		.icon-format-csszrz{
			background:url('<%=basePath %>/static/image/ribbon_small.png') no-repeat 0 0;
			background-position:-96px 0px;
		}
		.icon-format-mbpz{
			background:url('<%=basePath %>/static/image/ribbon_small.png') no-repeat 0 0;
			background-position:-112px 0px;
		}
		.icon-xt-sd{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: 0px 0px;
		}
		.icon-xt-qdpb{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: -16px 0px;
		}
		.icon-xt-tc{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: -32px 0px;
		}
		.icon-xt-mmsz{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: -48px 0px;
		}
		.icon-xt-yhgl{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: -64px 0px;
		}
		.icon-xt-qzdy{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: -80px 0px;
		}
		.icon-xt-fady{
			background:url('<%=basePath %>/static/image/shortcuts_small.png') no-repeat 0 0;
			background-position: -96px 0px;
		}
		
		.icon-rc-bj{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -16px 0px;
		}
		.icon-rc-fs{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -32px 0px;
		}
		.icon-rc-zc{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -48px 0px;
		}
		.icon-rc-bbzc{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -64px 0px;
		}
		.icon-rc-gzmy{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -80px 0px;
		}
		.icon-rc-hhmy{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -96px 0px;
		}
		.icon-rc-sdfw{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -112px 0px;
		}
		.icon-rc-sjfw{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -128px 0px;
		}
		.icon-rc-csfw{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -144px 0px;
		}
		.icon-rc-rjfw{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -160px 0px;
		}
		.icon-rc-zc1{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -176px 0px;
		}
		.icon-rc-sz{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -176px 0px;
		}
		.icon-rc-gb{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -192px 0px;
		}
		.icon-rc-lsxd{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -208px 0px;
		}
		.icon-rc-gk{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -224px 0px;
		}
		.icon-rc-dk{
			background:url('<%=basePath %>/static/image/home_small.png') no-repeat 0 0;
			background-position: -240px 0px;
		}
		.layout-panel-west .panel-tool{
			display: none
		}
		.layout-panel-east .panel-tool{
			display: none
		}
		
	</style>
</head>
<body>
	<div class="easyui-layout" style="width:100%;height:85%;">
		<div  id = "menu" data-options="region:'north'" style="height:157px">
				<%@ include file="jsp/menu.jsp" %>
		</div>
		<div data-options="region:'east',split:true" title="对象属性1" style="width:200px;">
			<%@ include file="jsp/east.jsp" %>
		</div>
		<div  id = "west" data-options="region:'west',split:true" title="系统管理1" style="width:200px;">
			<%@ include  file="jsp/west.jsp" %>
		</div>
		<div  id ="content_center2"  data-options="region:'center',title:'表单1',iconCls:''">

					<table id="tab_table" class="easyui-treegrid" style="width:100%;height:100%"
						   data-options="
				url: '${staticPath }/static/json/datagriddata.json',
				method: 'get',
				idField: 'id',
				treeField: 'region',
				fitColumns:true,
				onClickCell:ClickCell
			">
						<thead frozen="true">
						<tr>
							<th field="region" width="200">任务项</th>
						</tr>
						</thead>
						<thead>

						<tr>
							<th field="f1" width="60" align="right" >召测</th>
							<th field="f2" width="60" align="right">发送</th>
							<th field="f3" width="60" align="right">编辑</th>
							<th field="f4" width="60" align="right">批量设置</th>
							<th field="f5" width="60" align="right">批量召测</th>
						</tr>
						</thead>
					</table>
					<div id ="tab_content3" hidden ="YES" style="width: 100%;height: 100%">
						<iframe src="<%=basePath %>/static/jsp/contentdata3.jsp" width="99.5%" height="99%"></iframe>
					</div>
					<div id ="tab_content1" hidden ="YES" style="width: 100%;height: 100%;background-color: #E0ECFF; ">
						<a style="font-size: 36;margin-top: 80px;margin-left: 50px;margin-right:100px;width: 80%;height: 40px;">上海市用电力负荷管理系统<br></a>

						<div style="margin-top: 40px;margin-left: 50px;border-top:1px solid #000" >
							<a style="background-color: red;width: 800px">
								<br>
								<br>
							</a>
							<a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">终端开通调试、实时控制、数据召测</a>
							<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">批量任务日志管理、巡测日志管理</a>
							<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">信道巡测数据管理、实时状态切换与监控</a>
							<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">需求测应用互动定义与管理</a>
							<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">终端软件远程升级、历史升级日志管理</a>
						</div>
					</div>
					<script>
                        function content(index){
                            $("#content_center2").find("div").eq(0).hide();
                            $("#tab_content1").hide();
                            $("#tab_content3").hide();
                            switch (index) {
                                case 1:
                                    $("#tab_content1").show();
                                    break;
                                case 2:
                                    $("#content_center2").find("div").eq(0).show();
                                    break;
                                case 3:
                                    $("#tab_content3").show();
                                    break;
                                case 4:

                                    break;

                                default:
                                    break;
                            }
                        }

                        function ClickCell(rowIndex, field, value) {

                            if(field[rowIndex] &&  rowIndex!="region"){
                                var index = rowIndex.substr(1);
                                var detail = "detail"+index;
                                var context = field[detail];
                                if(!context){
                                    context = "";
                                }
                                $('#dlg').html(context)
                                $('#dlg').dialog('open')
                            }

                        }
					</script>

		</div>		
	</div>
	<div id="dlg" class="easyui-dialog" title="提示内容" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
		<%@ include file="jsp/xd_dlg.jsp" %>
		<%@ include file="jsp/gk_dlg.jsp" %>
		<%@ include file="jsp/dk_dlg.jsp" %>
		<%@ include file="jsp/dlg.jsp" %>
		
	</div>
	
</body>
<script type="text/javascript">
	function titleChange(title){
		var index = 0;
		if(title == "日常工作1"){
			  index=2;
		}else if(title == "系统管理"){
			 index=1;
			
		}else if(title == "任务管理"){
			index=3
			
		}else{
			index=4;
			
		}
		content(index);
		westchange(index);
	}
	$(function(){
		 $('#dlg').dialog('close')
		 setTop(143,600);
	})
	
</script>
</html>